<template >
    <div v-show="mHasShowLoading" class="sLoadP">
        <van-loading class="sLoading" type="circular" color="#1989fa" />
    </div>
</template>
<script setup lang="ts">
import { PiniaLoading } from '../../pinia/YcPinia';
import { computed } from 'vue';
const store = PiniaLoading()
let mHasShowLoading = computed(() => store.mHasShow)

</script>
<style scoped>
.sLoadP {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
}

.sLoading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    object-fit: contain;
}
</style>